
<!DOCTYPE html>
<html lang="en" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>王佳佳的Website</title>
		<meta name="description" content="Decorative &amp; interactive isometric &amp; 3D grids." />
		<meta name="keywords" content="isometric, grid, images, masonry, perspective" />
		<meta name="author" content="jq22" />
		<link rel="stylesheet" type="text/css" href="Home/css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="Home/css/demo.css" />
		<link rel="stylesheet" type="text/css" href="Home/css/component.css" />
		<link rel="shortcut icon" href="favicon.jpg" />
		<script src="Home/js/modernizr.custom.js"></script>

	<script type="text/javascript" src="other/js/jquery.min.js"></script>
	<script src="sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="sweetalert.css">
</head>
	<body class="demo-1" style="background-image: url(bg.jpg);">
		<main>
			<header class="jq22-header">
				<h1>王佳佳的Website</h1>
				<p>昨晚多几分钟的准备，今天少几小时的麻烦。<p>
				<nav class="jq22-demos">
					<a class="current-demo" href="index.html">动中有静</a>
					<a Onclick="jump2()">静中有动</a>					
				</nav>
					<script type="text/javascript">
		function jump2(){		swal({   
			title: "抱歉!",   
			text: '该功能暂未上线，敬请期待。',   
			imageUrl: "home/img/thumbs-up.jpg",
			
			   
			showConfirmButton: true
		});}
	</script>
				
				<button class="button-menu">
					<svg width="100%" height="100%" preserveAspectRatio="none" viewBox="0 0 67.75 43.63"><rect width="67.75" height="8.38"/><rect x="4.15" y="17.63" width="59.45" height="8.38" /><rect y="35.25" width="67.75" height="8.38"/></svg>
				</button>
			</header>
			<div class="isolayer isolayer--scroll1 isolayer--shadow">
				<ul class="grid grid--effect-flip">
					<li class="grid__item">
						<a class="grid__link" href="http://www.ztcfb.com">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/1.jpg" alt="01" />
							<span class="grid__title">中通信和</span>
						</a>
					</li>
					<li class="grid__item">
						<a class="grid__link" href="http://www.ztcfb.com">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/2_1.jpg" alt="021" />
							<span class="grid__title">ztcfb</span>
						</a>
					</li>
					<li class="grid__item">
						<a class="grid__link" href="/Blog/Z-Blog">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/3.jpg" alt="03" />
							<span class="grid__title">个人博客</span>
						</a>
					</li>
					<li class="grid__item">
						<a class="grid__link" href="/Blog/Z-Blog">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/4_2.jpg" alt="042" />
							<span class="grid__title">Z - Blog</span>
						</a>
					</li>
                    					<li class="grid__item">
						<a class="grid__link" href="/Blog/WordPress">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/3_3.jpg" alt="03" />
							<span class="grid__title">个人博客</span>
						</a>
					</li>
					<li class="grid__item">
						<a class="grid__link" href="/Blog/WordPress">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/3_4.jpg" alt="042" />
							<span class="grid__title">WP - Blog</span>
						</a>
					</li>
					<li class="grid__item">
						<a class="grid__link" href="hacker group/Gh0stClub/">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/1_1.jpg" alt="011" />
							<span class="grid__title">Gh0stClub</span>
						</a>
					</li>
					<li class="grid__item">
						<a class="grid__link" href="hacker group/Gh0stClub/Login.html">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/2.jpg" alt="02" />
							<span class="grid__title">Gh0stClub</span>
						</a>
					</li>
					<li class="grid__item">
						<a class="grid__link" href="hacker group/Gh0stClub/official.html">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/3_1.jpg" alt="031" />
							<span class="grid__title">Gh0stClub</span>
						</a>
					</li>
					<li class="grid__item">
						<a class="grid__link" href="hacker group/Hi-ourlife">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/4.jpg" alt="04" />
							<span class="grid__title">Hi-ourlife</span>
						</a>
					</li>
					<li class="grid__item">
						<a class="grid__link" href="hacker group/Hi-ourlife">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/1_2.jpg" alt="012" />
							<span class="grid__title">Hi-ourlife</span>
						</a>
					</li>
					<li class="grid__item">
						<a class="grid__link" href="http://www.kamiaowangluo.com">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/2_2.jpg" alt="022" />
							<span class="grid__title">咖妙网络</span>
						</a>
					</li>
					<li class="grid__item">
						<a class="grid__link" href="http://www.kamiaowangluo.com">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/3_2.jpg" alt="032" />
							<span class="grid__title">咖妙网络</span>
						</a>
					</li>
					<li class="grid__item">
						<a class="grid__link" href="http://www.ansiqi.cn">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/1_3.jpg" alt="013" />
							<span class="grid__title">安思奇官网-KING</span>
						</a>
					</li>
					<li class="grid__item">
						<a class="grid__link" href="http://www.kamiaowangluo.com">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/4_1.jpg" alt="041" />
							<span class="grid__title">咖妙网络</span>
						</a>
					</li>
										<li class="grid__item">
						<a class="grid__link" href="http://shop.ansiqi.com.cn">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/5_1.png" alt="041" />
							<span class="grid__title">安思奇微信与商城后台</span>
						</a>
					</li>
										</li>
										<li class="grid__item">
						<a class="grid__link" href="http://guanwang.ansiqi.com.cn">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/5_2.png" alt="041" />
							<span class="grid__title">安思奇官网-Met</span>
						</a>
					</li>
						<li class="grid__item">
						<a class="grid__link" href="wiki/dokuwiki">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/6_2.jpg" alt="041" />
							<span class="grid__title">WIKI-doku</span>
						</a>
					</li>
                    		<li class="grid__item">
						<a class="grid__link" href="wiki/mediawiki">
							<!-- <img class="grid__img layer" src="Home/img/canvas.png" alt="Canvas Dummy" /> -->
							<!-- <img class="grid__img layer" src="Home/img/wireframe.png" alt="Wireframe Dummy" /> -->
							<img class="grid__img layer" src="Home/img/6_3.jpg" alt="041" />
							<span class="grid__title">WIKI-media</span>
						</a>
					</li>
				</ul>
			</div>
		</main>
		<a class="pater" href="#">
			<h2 class="pater__title" aria-label="PageCloud"><img src="Home/img/PageCloud_logo.svg" alt="PageCloud Logo"/></h2>
			<p class="pater__desc">世之奇伟、瑰怪、非常之观，常在于险远，而人之所罕至焉，故非有志者不能至也。</p>
		</a>
		<script src="Home/js/imagesloaded.pkgd.min.js"></script>
		<script src="Home/js/masonry.pkgd.min.js"></script>
		<script src="Home/js/dynamics.min.js"></script>
		<script src="Home/js/classie.js"></script>
		<script src="Home/js/animOnScroll.js"></script>
		<script src="Home/js/main_.js"></script>
		<script>
		(function() {
			function getRandomInt(min, max) {
				return Math.floor(Math.random() * (max - min + 1)) + min;
			}

			[].slice.call(document.querySelectorAll('.isolayer')).forEach(function(el) {
				new IsoGrid(el, {
					type : 'scrollable',
					transform : 'translateX(-15vw) translateY(275px) rotateX(45deg) rotateZ(45deg)',
					stackItemsAnimation : {
						properties : function(pos) {
							return {
								translateZ: (pos+1) * 50,
								rotateZ: getRandomInt(-3, 3)
							};
						},
						options : function(pos, itemstotal) {
							return {
								type: dynamics.bezier,
								duration: 500,
								points: [{"x":0,"y":0,"cp":[{"x":0.2,"y":1}]},{"x":1,"y":1,"cp":[{"x":0.3,"y":1}]}],
								//delay: (itemstotal-pos-1)*40
							};
						}
					},
					onGridLoaded : function() {
						classie.add(document.body, 'grid-loaded');
					}
				});
			});
		})();
		</script>
		
	</body>
</html>
